body, html{
	background-color: #f8f8f8;
}
body, html ul{
	padding: 0px;
	margin : 0px;
}
ul li{
	list-style: none;
}
.rl-item{
	margin : 20px 0px;
	display: flex;  
	align-items: center;
	justify-content:  space-between;
	background-color: #fff; 
	padding: 20px; 
	border: none;
	border-radius: 3px;
}
.rl-item:hover{ 
	cursor: pointer;
}
.rl-item:active{
	color:#46A3FF;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.rl-item p{ 
	flex:1;
}
.rl-item img{ 
	height: 30px;
}

.wfull {
	padding: 0px;
}
.hfull {
	height: calc(100vh - 40px); 
}
.header {
	display: block;
	height: 40px;
	line-height: 40px;
	width: 100%; 
	background-color : #fff;
	text-align: center;
	color:#000; 
}
.header2 {
	height: 40px;
	padding:0px 10px;
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	align-items: center;
	background-color : #fff;
}

.nav-return-button{
	display: flex;
	align-items: center;
	font-size: 14px;
	color: gray;
}
.nav-return-button img{
	width: 20px;	
}

.nav-block{
	visibility: hidden;
}

/* wechat default css */ 
.desc {
	font-size: 14px;
	color: gray;
}
.rating{  
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: red;
}

/* animation  */

.boxout {  
	animation-name: boxout; /*动画名称*/
	animation-duration: 3s; /*动画持续时间*/
	animation-iteration-count: 1; /*动画次数*/
	animation-delay: 0s; /*延迟时间*/
}

@keyframes boxout
{
	0% {opacity: 1}
	90% {opacity: 1}
	100% {opacity: 0} 
}